<template>
	<view class="myLike_box">
		<view class="img_box">
			<uni-icons type="heart-filled" size="40" color="red"></uni-icons>
			<view class="likeWord">
				<p>我喜欢的音乐</p>
				<span>
					<slot>0</slot>首
				</span>
				
			</view>
		</view>
		<view class="myLike_right">
			<uni-icons type="heart" size="20" color="black"></uni-icons>
			<span>心动模式</span>
		</view>

	</view>
</template>

<script lang="ts">
	export default {
		name: "myLike",
		data() {
			return {

			};
		}
	}
</script>

<style>
	
.myLike_box{
	display: flex;
	justify-content: space-between;
	margin: 20rpx 25rpx;
	background-color: #fff;
	align-items: center;
	border-radius: 15rpx;
	.img_box{
		display: flex;
		margin: 30rpx;
		align-items: center;
		.likeWord{
			margin-left: 15rpx;
			>span{
				font-size: 12px;
				color: rgba(0,0,0,.5);
			}
		}
	}
	.myLike_right{
		border: 1px solid rgba(0,0,0,.2);
		border-radius: 45rpx;
		padding: 5rpx 15rpx;
		margin-right: 30rpx;
		font-size: 12px;
		display: flex;
		align-items: center;
	}
}
</style>